<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form action="http://www.tmooc.cn">

  用户名:
  <input type="text" name="username" maxlength="5"
  value="abc" readonly
  placeholder="用户名"><br>
  密码:
  <input type="password" name="password" placeholder="密码"><br>

  性别:
  <input type="radio" name="grnder" value="m" id="r1">
  <label for="r1">男</label>
  <input type="radio" name="gender" checked value=" w" id="r2">
  <label for="r2">女</label>

  兴趣爱好:
  <input type="checkbox" name="hobby" value="cy">抽烟
  <input type="checkbox" name="hobby" value="hj">喝酒
  <input type="checkbox" name="hobby" value="tt">烫头

  日期选择器:
  <input type="date" name="birthday"><br>
  靓照
  <input type="file" name="pic"><br>

  <input type="submit"value="注册">


</form>

</body>
</html>